<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /* 定义余数为 0 的行颜色 */
        .tr-color-0 {
            background: red;
        }
        /* 定义余数为 1 的行颜色 */
        .tr-color-1 {
            background: #fff;
        }
    </style>
</head>
<body>
<div id="box">
                    <!--    把输入的值转换为number类型 -->
    行:<input type="text" v-model:value.number="rows" />
    列:<input type="text" v-model:value.number="cels" />
    隔行换色：<input type="radio" />是<input type="radio" />否
    <table>
            <tr   v-for="(r,index) in rows" :class="'tr-color-' + index % 2">
                <td v-for="c in cels">
                    {{r}}
                </td>
            </tr>
    </table>

</div>
<script src="js/vue.2.7.14.js"></script>
<script>

    new Vue({
        el:'#box',
        data:{
            rows:'',
            cels:'',
            isbg:true,
            background:'red'
        }
    });

</script>
</body>
</html>